<div class="col-sm-3">
					<div class="left-sidebar">
						<h2>Category</h2>
						<div class="panel-group category-products" id="accordian"><!--category-productsr-->
							<div class="panel panel-default">
								@foreach($categories['root'] as $category)
								<div class="panel-heading">
									<h4 class="panel-title">
										<a data-toggle="collapse" data-parent="#accordian" href="#{{$category->id}}">
									@if(isset($categories[$category->id]))

											<span class="badge pull-right"><i class="fa fa-plus"></i></span>
											@endif
											{{$category->name}}
										</a>
									</h4>
								</div>
								@if(isset($categories[$category->id]))
									<div id="{{$category->id}}" class="panel-collapse collapse">
									<div class="panel-body">
										<ul>
										@foreach($categories[$category->id] as $item)
											<li><a href="{{route('pcate',$item->slug)}}"> {{$item->name}}</a></li>
											@endforeach
											
										</ul>
									</div>
								</div>
								@endif
								@endforeach

							</div>
							 
						</div><!--/category-productsr-->
					
						<div class="brands_products"><!--brands_products-->
							<h2>Brands</h2>
							<div class="brands-name">
								<ul class="nav nav-pills nav-stacked">
									<li><a href=""> <span class="pull-right">(50)</span>Acne</a></li>
									<li><a href=""> <span class="pull-right">(56)</span>Grüne Erde</a></li>
									<li><a href=""> <span class="pull-right">(27)</span>Albiro</a></li>
									<li><a href=""> <span class="pull-right">(32)</span>Ronhill</a></li>
									<li><a href=""> <span class="pull-right">(5)</span>Oddmolly</a></li>
									<li><a href=""> <span class="pull-right">(9)</span>Boudestijn</a></li>
									<li><a href=""> <span class="pull-right">(4)</span>Rösch creative culture</a></li>
								</ul>
							</div>
						</div><!--/brands_products-->

			 				<div class="price-range"><!--price-range-->
							<h2>价格筛选</h2>
							<div class="well">
								
								<p style="margin-bottom: 10px;display: block;height: 30px;">
								 <span id="start" style="float: left;"></span>
								 <span id="end" style="float: right;"></span>
								</p>
								 
								<div id="slider-range2"></div>
								<button type="button" id="price-range" class="btn btn-primary">搜索</button>
							</div>
							
						</div><!--/price-range-->
						
						<div class="shipping text-center"><!--shipping-->
							<img src="{{asset('home/images/home/shipping.jpg')}}" alt="" />
						</div><!--/shipping-->
						
					</div>
				</div>
